<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>使用jQuery禁止按钮</title>
		<script src="js/jquery.min.js"></script>
		
		<style>
			li{
				float: left;/*float浮动，元素不换行*/
				margin-right: 10px;/*margin四周空一格-外部空白*/
				background-color: limegreen;/*li区域背景色*/
				padding: 5px 10px 5px 10px;/*上，右，下，左-内部空白*/
				border-radius: 10px;/*圆角*/
			}
		</style>

	</head>
	
	<body>
		<button id="zfb" onclick="pay2()">支付宝支付</button>
		<button id="wx" onclick="pay2()">微信支付</button>
	</body>
	
	<script>
		
		// function pay1(){
		// 	$("#zfb").prop("disabled",false);
		// }
		// function pay2(){
		// 	$("#wx").prop("disabled",false);
		// }
		
		$("#zfb").click(function(){
			
			$(this).prop("disabled",true);
			$(this).text("支付宝已支付...");
			
		});
		
		$("#wx").click(function(){
			
			//链式编程
			$(this).prop("disabled",true).text("微信已支付...");
			
			
		});
	</script>

</html>
